$(function () {
    // tab栏切换
    // console.log($(".tabbar").find("a"));
    $(".tabbar").find("a").each((index, el) => {
        $(el).click(function () {
            $(el).addClass("active").siblings().removeClass("active");
            $(".bigBox").find(".loginBox").eq(index).show().siblings().hide();
            if (index == 0) {
                $(".lijireg").css("margin-top", "15px");
            }
            if (index == 1) {
                $(".loginBox").eq(1).css("visibility", "visible");
                $(".lijireg").css("margin-top", "104px");
                $(".forpwd").show();
            }

        })
    })
})

//2.获取验证码 并登录
$(function () {
    var flag = false;//手机号不正确

    $(".code").find(".btn").click(function () {
        //2.1验证手机号是否正确
        let phone = $(".item").find(".input1").val();
        let myreg = /^[1][3-9]\d{9}$/;//手机号的正则
        if (phone == '' || phone.length != 11 || !(myreg.test(phone))) {
            $(".error-box").css("visibility", "visible");
            $(".error-box").fadeIn();
            flag = false;
        } else {
            flag = true;
            $(".error-box").css("visibility", "hidden");
        }
        // 2.2.获取验证码
        if (flag) {
            flag = false;
            let time = 60;
            $(".get-code").fadeIn();//正在发送验证码框显示
            $(".code").find(".btn").css("backgroundColor", "#ffb4b4");//获取验证码变色
            let timer_1 = setInterval(function () {//60s倒计时
                time--;
                $(".get-code").fadeOut();//正在发送验证码框隐藏
                $(".code").find(".btn").html(time + "s重新获取");
                if (time == 0) {
                    flag = true;
                    clearInterval(timer_1);
                }
            }, 1000)
            layer.msg("验证码是123456");
            //2.3 点击立即登录变色并跳转
            $(".phone .code").find(".input2").on("input", _.debounce(function () {
                let ucode = $(".phone .code").find(".input2").val();//验证码
                console.log(ucode);
                if (ucode != '') {
                    $(".lijireg").find("button").css("backgroundColor", "#ff4554");
                } else {
                    $(".lijireg").find("button").css("backgroundColor", "#ffb4b4");
                }
                if (ucode == 123456) {
                    $(".lijireg").find("button").click(function () {
                        let data = "phone" + "=" + phone;//ajax传递的数据格式 键=值 
                        console.log(data);
                        $.ajax({
                            url: "./4.login",
                            type: "post",
                            data: data
                        }).then(function (res) {
                            console.log(res);
                            layer.confirm('你确定手机号正确吗？', {
                                btn: ['确定', '重新输入'] //按钮
                            }, function () {
                                layer.msg(res.message, {
                                    timer: 2000
                                });
                            })
                            // layer.msg(res.message);
                            if (res.code == 200) {
                                //把当前的登录者信息保存到本地
                                localStorage.setItem("userInfo", JSON.stringify(res.data));
                                setTimeout(function () {
                                    location = "../index.html";
                                }, 5000)
                            }
                        });

                    })
                }
            }, 200))
        }
    })
})